<%-- 
    Document   : reportGeneration
    Created on : Oct 22, 2012, 4:07:20 PM
    Author     : Mits
--%>


<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
         pageEncoding="ISO-8859-1"%>
<!--?xml version="1.0" encoding="UTF-8"?-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>


        <title>Report generation Page | Pending Files by Date</title>
        <meta charset="utf-8"/>
        <!-- Stylesheets-->
        <link rel="stylesheet" href="/TSRH/css/reset.css" type="text/css" media="all"/>
        <link rel="stylesheet" href="/TSRH/css/layout.css" type="text/css" media="all"/>
        <link rel="stylesheet" href="/TSRH/css/style.css" type="text/css" media="all"/>
        <link href="/TSRH/css/calendar.css" rel="stylesheet" type="text/css" />
        <!-- Javascripts -->
        <script type="text/javascript" src="/TSRH/js/maxheight.js"></script>
        <script type="text/javascript" src="/TSRH/js/jquery-1.4.2.min.js" ></script>
        <script type="text/javascript" src="/TSRH/js/cufon-yui.js"></script>
        <script type="text/javascript" src="/TSRH/js/cufon-replace.js"></script>
        <script type="text/javascript" src="/TSRH/js/Myriad_Pro_400.font.js"></script>
        <script type="text/javascript" src="/TSRH/js/script.js"></script>
        <script type="text/javascript" src="/TSRH/js/jquery-1.js"></script>
        <script type="text/javascript" src="/TSRH/js/cal.js"></script>

        <!-- Function for Datepicker -->
        <script type="text/javascript">

            jQuery(document).ready(function () {
	
                $('input.three').simpleDatepicker({ startdate: '01/01/1800', enddate: '01/01/2100' });
                
                
                //hiding required elemesnys and resetting values on page load
                $('.message-custom').hide();
                $('.message-week').hide();
                $('.from').val("");
                $('.to').val("");
                $('.week-value').val() == "";
                $('.error').hide();
                
                $(".condition").click(function(event) {      
                    
                    //the code below hides relavent divs and display the required one.
                    //it also resets the values accroding to the selections made
                    //  so that the submit gets valid inputs
                    $(event.currentTarget).focus();
                    
                    var targetClass = $(event.currentTarget).attr("class");
                    if(targetClass.indexOf("today") != -1){                           
                        $('.message-custom').hide();
                        $('.message-week').hide();
                        $('.message-today').show();
                        $('.from').val("");
                        $('.to').val("");
                        $('.week-value').val("");
                        $('.today-value').val("today");
                    }
                    if(targetClass.indexOf("week") != -1){                        
                        $('.message-custom').hide();
                        $('.message-today').hide();
                        $('.message-week').show();
                        $('.from').val("");
                        $('.to').val("");
                        $('.week-value').val("week");
                        $('.today-value').val("");
                    }
                    if(targetClass.indexOf("custom") != -1){   
                        $('.error').hide();
                        $('.message-today').hide();
                        $('.message-week').hide();
                        $('.message-custom').show();
                        $('.week-value').val("");
                        $('.today-value').val("");
                    }     
                    
                    return false;
                });
                
                
                //validation on the submit form
                $('#pending-files-form').submit(function(){                                        
                    if($('.week-value').val() == "" && $('.today-value').val() == ""){                        
                        if($('.to').val().length < 1 || $('.from').val().length  < 1){                             
                            $('.error').show();
                            return false;
                        }
                    }                    
                    return true;
                });
                
            });
            
        </script>


        <!--[if lt IE 7]>
                <link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen">
                <script type="text/javascript" src="js/ie_png.js"></script>
                <script type="text/javascript">
                        ie_png.fix('.png, #slogan, header nav ul li a, .icon img, .link1, .link1 span');
                </script>
        <![endif]-->
        <!--[if lt IE 9]>
                <script type="text/javascript" src="js/html5.js"></script>
        <![endif]-->
    </head>
    <body id="page1" onLoad="new ElementMaxHeight();">
        <div class="wrap">
            <!-- header -->
            <%@ include file="headers.jsp" %>
           <!-- <header>
                <div class="container">
                    <h1><a href="/TSRH/index.jsp">TSRHC</a></h1>
                    <nav>
                        <ul>
                            <li><a href="/TSRH/index.jsp"><strong>Home</strong></a></li>
                            <li><a href="/TSRH/test.jsp"><strong>Test/Consultation</strong></a></li>
                            <li class="current"><a href="/TSRH/filetrackingpage.org"><strong>File Tracking</strong></a></li>
                            <li><a href="/TSRH/notification.jsp"><strong>Set Alert</strong></a></li>
                                
                                
                        </ul>
                    </nav>
                    <div id="slogan"></div>
                </div>
            </header>-->
           
            <!-- content -->
            <section id="content">
               
                <div class="container"><div class="ic">More Website Templates at TemplateMonster.com!</div>

                    <div class="inside">
                         <div class="sidebar">
                    <h2>Select Criteria</h2>
                    <table>
                        <tr>
                            <td><h3><a href="#" class="condition today">Today</a></h3></td>
                        </tr>
                        <tr>
                            <td><h3><a href="#" class="condition week">This Week</a></h3></td>
                        </tr>
                        <tr>
                            <td><h3><a href="#" class="condition custom">Custom Date</a></h3></td>
                        </tr>
                    </table>                                                                  
                </div>
                        <div class="wrapper indent">
                            <article class="col-1">
                            </br>
                                <h2>Pending files</h2>
                                <form  action="/reportgeneration/pendingfiles/pendingfile.org" id="pending-files-form" method="post">
                                    <div class="message-custom">
                                        <table>
                                            
                                            <tr>
                                                <td><h3>From:</h3></td>
                                                <td><input name="Sdate" type="text" value="yyyy-mm-dd" id="date1" readonly='true' class="three from" /></td>
                                            </tr>
                                            <tr>
                                                <td><h3>To:</h3></td>
                                                <td><input name="Edate" value="yyyy-mm-dd"type="text" id="date2" readonly='true' class="three to" />
                                                </td>
                                            </tr>                                            
                                        </table>
                                        <div class="error">Please fill in both Dates</div>
                                    </div>
                                    <div class="message-today">
                                        <h4>This will give you a list of files that have been on pending since today.</br>
                                            Please Click on Display</h4>
                                        <input type="hidden" class="today-value" value="today" name="today" />
                                        </br>
                                    </div>
                                    <div class="message-week">
                                        <h4>This will give you a list of files that are pending Since the past one week.</br>
                                            Please Click on Display</h4>
                                        <input type="hidden" class="week-value" value="week"  name="week"/>
                                        </br>
                                    </div>
                                    <input type="submit"  value="Display" id="submit" />
                                </form>                               
                        </div>
                        </article>
                        <ul class="banners col-2">
                            <p>&nbsp;</p>


                        </ul>
                    </div>
                </div>
        </div>
        </section>
        </div>
        <!-- footer -->
        <!--<footer>
            <div class="container">
                <div class="left">
                    <div class="right">
                        <div class="inside">
                            <a rel="nofollow" >Website template</a> designed by TemplateMonster.com<br/><a href="http://www.templates.com/product/illustrations/" class="new_window">Vector Illustrations</a> provided by Templates.com
                        </div>
                    </div>
                </div>
            </div>
        </footer>-->
         <%@ include file="footers.jsp" %>
        
        <script type="text/javascript">Cufon.now();</script>
    </body>
</html>